<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google+ Search Widget - Demo 3</title>
<!-- Not required! -->
<link href='demo.css' rel='stylesheet' type='text/css'/>
<!-- Not required! -->


</head>
<body>
	<h1>Google+ Search Widget - Demo 3</h1>



<!-- Include javascript and CSS once -->
<link href="http://googleplus-search-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://googleplus-search-widget.googlecode.com/files/jquery.googleplus-search-1.0.min.js" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
	jQuery(document).ready(function($) {
  		$('#gpsw').googlePlusSearch({
  			api_key : 'AIzaSyBIh4fAagRSLQf3kDOdBkTqge2LpnDSqJQ'
  			,query:'Social Media Widgets'
  			,image_width:100
  			,image_height:75
  			,body_height:320
		}); 
	});
//]]>
</script>
<!-- ******************************* -->

<style type="text/css">
/* Custom Header style */
a.custom-header{
	display:block;
	text-decoration:none;
	border-top:#eee 1px solid;
	border-bottom: 1px solid #E5E5E5;
	background:#f5f5f5 url(gp-bg.jpg) no-repeat;
	padding:10px 10px 10px 50px;
	overflow:hidden;
	color:#000;
	font-size:130%;
	font-weight:bold;
}
a.custom-header:hover{
	color:#666;	
}
</style>

<div style="width:350px; margin:0 auto">
	<!-- Insert widget placeholder -->
	<div id="gpsw">
		<a class="custom-header" href="http://www.moretechtips.net">
			Searching for Social Media Widgets
		</a>
	
		<a class="gpsw-info" href="http://www.moretechtips.net" target="_blank">Google+ Search Widget</a>
	</div>
	<!-- ************************* -->
</div>



	











<div id="footer">
	<div class='ad'>
		<script type="text/javascript">
		//<![CDATA[
		google_ad_client = "pub-9464686146570738";google_ad_slot = "6604226947";google_ad_width = 468;google_ad_height = 60;
		//]]>
		</script>
		<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
	</div>
	
	<a class="more-icon" href="http://www.moretechtips.net/" title="More Tech Tips!"></a>
	
	<a class="link" href="http://www.moretechtips.net/2011/10/google-search-widget.html">Back to post</a>
	
	<div class='social-footer'>
		<a class='twitter-button popup share-button'
			href='https://twitter.com/intent/tweet?url=http://www.moretechtips.net/2011/10/google-search-widget.html&amp;via=mike_more&amp;text=Google+Plus+Search+Widget'
			rel='http://www.moretechtips.net/2011/10/google-search-widget.html' 
			title='Google+ Search Widget - jQuery Plugin'>
		   	Retweet
		</a>
		<a class='googleplus-frame'
			rel='http://www.moretechtips.net/2011/10/google-search-widget.html'
			href='#'>
		</a>
		<a class="facebook-frame" 
			rel="http://www.moretechtips.net/2011/10/google-search-widget.html" 
			href="http://www.facebook.com/sharer.php?u=http://www.moretechtips.net/2011/10/google-search-widget.html">
			Share
		</a>
	</div>
</div>
<script type="text/javascript">
//<![CDATA[
  var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-5465067-20']); _gaq.push(['_trackPageview']);
  (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
	$('a.facebook-frame').each(function(){
		var a = $(this);
		a.wrap(
			'<'+'iframe scrolling="no" frameborder="0" allowTransparency="true"'+
			' src="http://www.facebook.com/plugins/like.php?layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;colorscheme=light&amp;height=21'+
			'&amp;href='+ encodeURIComponent(a.attr('rel')) +'"'+
			' style="border:none; overflow:hidden; width:90px; height:21px;"></'+'iframe>');
	});
	$('a.googleplus-frame').each(function(){
		var a = $(this);
		a.wrap(
			'<'+'iframe width="32" frameborder="0" scrolling="no" style="width: 32px; height:20px; border-style: none;"'+
 			' src="https://plusone.google.com/u/0/_/+1/fastbutton?url='+ encodeURIComponent(a.attr('rel')) +'&size=medium&count=true&annotation=none&hl=en-US&_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe"'+
 			' marginwidth="0" marginheight="0" allowtransparency="true"></'+'iframe>'
		);
	});
	$('a.popup').click(function() {
        var a = $(this);
        var w=600, h=400, left = (screen.width / 2) - (w / 2), top = (screen.height / 2) - (h / 2);
        window.open(a.attr('href'), 'popup', 'toolbar=no,width=' + w + ',height=' + h + ',top=' + top + ',left=' + left);
        return false;
    });
});
//]]>
</script>
</body>
</html>
